import { defineComponent } from 'vue'

import type { IconType } from '@/types/Icontsx'

function skill(props: IconType): JSX.Element {
  return (
    <svg
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="4012"
      width={props.size}
      height={props.size}
    >
      <path
        d="M513 255.7c-16.8 0-30.5 13.7-30.5 30.5v315.6c0 16.8 13.7 30.5 30.5 30.5s30.5-13.7 30.5-30.5V286.2c0-16.8-13.7-30.5-30.5-30.5zM366.4 365.1v157.8c0 16.8 13.7 30.5 30.5 30.5s30.5-13.7 30.5-30.5V365.1c0-16.8-13.7-30.5-30.5-30.5s-30.5 13.7-30.5 30.5zM629.1 553.4c16.9 0 30.5-13.7 30.5-30.5V365.1c0-16.8-13.7-30.5-30.5-30.5s-30.5 13.7-30.5 30.5v157.8c0 16.8 13.7 30.5 30.5 30.5zM250.3 408.8v70.5c0 16.8 13.7 30.5 30.5 30.5s30.5-13.7 30.5-30.5v-70.5c0-16.8-13.7-30.5-30.5-30.5s-30.5 13.7-30.5 30.5zM714.7 408.8v70.5c0 16.8 13.7 30.5 30.5 30.5 16.9 0 30.5-13.7 30.5-30.5v-70.5c0-16.8-13.7-30.5-30.5-30.5s-30.5 13.7-30.5 30.5z"
        p-id="4013"
        fill="currentColor"
      ></path>
      <path
        d="M513 898.8H197.4c-20.1 0-36.4-20.2-36.4-45.1l-0.1-683.6c0-12.8 4.2-24.6 11.9-33.3 6.7-7.6 15.4-11.8 24.4-11.8h175.7c-0.1 1-0.1 2-0.1 3 0 16.8 13.7 30.5 30.5 30.5h216c16.9 0 30.5-13.7 30.5-30.5 0-1-0.1-2-0.1-2.9h150.5c20 0 36.3 20.2 36.3 45.1l0.5 347.4c0 16.9 13.7 30.5 30.5 30.5s30.4-13.7 30.4-30.5l-0.5-347.4c-0.1-27.6-9.8-53.8-27.3-73.6-18.5-20.9-43.4-32.4-70.1-32.4l-602.9-0.1c-26.7 0-51.6 11.5-70.1 32.4-17.5 19.9-27.2 46-27.2 73.7v683.7c0.1 58.5 43.7 106.1 97.4 106.1H513c16.8 0 30.5-13.9 30.5-30.7s-13.7-30.5-30.5-30.5zM614.9 879.5c-4.7 4.8-7.4 11.3-7.4 18v37.7c0 14 11.4 25.4 25.4 25.4h37.6c6.8 0.1 13.2-2.6 18-7.4L898 743.6l-73.6-73.5-209.5 209.4zM954.8 659.1l-45.9-45.9c-3.6-3.7-8.6-5.7-13.8-5.7-5.2 0-10.2 2.1-13.8 5.8l-35.9 35.9 73.5 73.5 35.9-35.9c7.6-7.7 7.6-20 0-27.7z"
        p-id="4014"
        fill="currentColor"
      ></path>
    </svg>
  )
}

export default defineComponent({
  props: {
    size: {
      type: Number,
      default: 24
    }
  },
  render(props: IconType) {
    return skill(props)
  }
})
